<template>
<!-- 运营-首页 -->
    <div>
 <div class="new_tab">
      <Tabs v-model="currentTab" @on-click="onClickTab">
        <TabPane label="全部" name="0" />
        <TabPane label="真福利商品" name="1" />
        <TabPane label="非真福利商品 " name="2" />
      </Tabs>
    </div>
        <!--头部-->
        <base-info ref="baseInfo"/>
        <!--小方块-->
        <grid-menu/>
        <!--订单统计-->
        <visit-chart ref="visitChart"/>
        <!--用户-->
        <user-chart ref="userChart"/>
    </div>
</template>

<script>
    import baseInfo from './components/baseInfo';
    import gridMenu from './components/gridMenu';
    import visitChart from './components/visitChart';
    import userChart from './components/userChart';
    import hotSearch from './hot-search';
    import userPreference from './user-preference';
    import { checkAuth } from '@/api/index';
    import { auth } from '@/api/system';
    import { Notice } from 'iview'
    import util from '@/libs/util';

    export default {
        name: 'index',
        components: {
            baseInfo,
            gridMenu,
            visitChart,
            userChart,
            hotSearch,
            userPreference
        },
        data () {
            return {
                currentTab:'0',
                visitType: 'day', // day, month, year
                visitDate: [(new Date()), (new Date())]
            }
        },
        mounted () {
            if (!util.cookies.get('auth')) {
                checkAuth().then(res => {

                }).catch(res => {
                })
            }
            this.getAuth();
        },
        methods: {
            onClickTab(e){
                let type= this.currentTab;
                //头顶区域的数据
                this.$refs.baseInfo.changeHeader(type)
                //订单统计的数据
                this.$refs.visitChart.changeType(type)

            },
            getAuth () {
                auth().then(res => {
                    let data = res.data || {};
                    if (data.auth_code && data.auth) {
                        this.authCode = data.auth_code;
                        this.auth = true;
                    }
                }).catch(res => {})
            }
        }
    }
</script>

<style lang="less">
    .dashboard-console-visit {
        .ivu-radio-group-button .ivu-radio-wrapper {
            border: none !important;
            box-shadow: none !important;
            padding: 0 12px;
        }
        .ivu-radio-group-button .ivu-radio-wrapper:before, .ivu-radio-group-button .ivu-radio-wrapper:after {
            display: none;
        }
    }
</style>
